function initAffairPanel(renderToId){
	var pageSize = 23;
	
	var affair = new Ext.data.Record.create([
						{name : 'affairId', mapping : 'affairId'},
						{name : 'title', mapping : 'title'},
						{name : 'description', mapping : 'description'},
						{name : 'content', mapping : 'content'},
						{name : 'subDate', mapping : 'subDate'}
					]);
	
	var proxy = new Ext.data.HttpProxy({
						url : 'affairAction_list.action',
						method: 'POST'
					});
	
	var reader = new Ext.data.JsonReader(
						{totalProperty : 'totalNum', root : 'list'},
						affair
					);
	
	var store = new Ext.data.Store({
						proxy : proxy,
						reader : reader,
						autoLoad : {params : {start : 0, limit : pageSize}}
					});
	
	var sm = new Ext.grid.CheckboxSelectionModel();
	
	var cm = new Ext.grid.ColumnModel([
					new Ext.grid.RowNumberer(),
					sm,
                   	{header : 'ID', width : 20, dataIndex : 'affairId', hidden : true},
                   	{header : '标题', width : 280, dataIndex : 'title', align : 'center'},
                   	{header : '描述', width : 280, dataIndex : 'description', align : 'center'},
                   	{header : '内容', dataIndex : 'content', id : 'content', align : 'center', renderer : function(value){return Ext.util.Format.stripTags(value);}},
                   	{header : '提交日期', width : 100, dataIndex : 'subDate', align : 'center', renderer : function(value){ return dateFormat(value);}}
               ]);
	
	var affairPanel = new Ext.grid.GridPanel({
							width : 1313,
							height : 586,
						 	sm : sm,
					        cm : cm,
					        store : store,
					        renderTo  : renderToId,
					        border : false,
					        loadMask : true,
					        autoExpandColumn : 'content',
				        	enableHdMenu : false,
				        	enableColumnMove : false,
					        tbar:[
					              	
					              	'关键字：',
					              	{
					              		xtype : 'textfield',
					              		id : 'affairKey'
					              	},
					              	'开始日期：',
					              	{
					              		xtype : 'datefield',
					              		id : 'affairStartDate',
					              		format : 'Y-m-d',
					              		editable : false
					              	},
					              	'结束日期：',
					              	{
					              		xtype : 'datefield',
					              		id : 'affairEndDate',
					              		format : 'Y-m-d',
					              		editable : false
					              	},
					              	'-',
					              	{
					              		text : '查询',
				              			icon : '../images/common/icon_search.png',
				              			handler : function(){
					              			var key = Ext.getCmp('affairKey').getValue();
					              			var startDate = Ext.getCmp('affairStartDate').getValue();
					              			var endDate = Ext.getCmp('affairEndDate').getValue();
					              			store.load({
					              							params : {
						              									key : key,
						              									startDate : startDate,
						              									endDate : Ext.util.Format.date(endDate, 'Y-m-d'),
						              									start : 0, 
						              									limit : pageSize
					              									}
					              						});
					              		}
					              	},
					              	'-',
					              	{
					              		text : '重置',
				              			icon : '../images/common/icon_eraser.png',
				              			handler : function(){
					              			var key = Ext.getCmp('affairKey').reset();
					              			var startDate = Ext.getCmp('affairStartDate').reset();
					              			var endDate = Ext.getCmp('affairEndDate').reset();
					              		}
					              	},
					              	'-',
					              	{
					              		text : '发布',
					              		icon : '../images/common/icon_mcarrot.png',
					              		id : 'affairBtnNew',
					              		handler : function(){
					              			var win = new Ext.Window({
					              							width : 888,
					              							height : 666,
					              							animateTarget : 'affairBtnNew',
					              							resizable : false,
					              							title : '发布胡萝卜最新动态',
					              							buttonAlign : 'center',
					              							items : [
					              							         	{
					              							         		xtype : 'form',
					              							         		id : 'newAffairForm',
					              							         		width : 880,
					              							         		height : 660,
					              							         		frame : true,
					              							         		labelWidth : 58,
					              							         		labelAlign : 'right',
					              							         		items : [
					              							         		        	{
					              							         		        		xtype : 'textfield',
					              							         		        		fieldLabel : '标题',
					              							         		        		width : 788,
					              							         		        		id : 'newAffairTitle',
					              							         		        		name : 'affair.title'
					              							         		        	},
					              							         		        	{
					              							         		        		xtype : 'textarea',
					              							         		        		fieldLabel : '描述',
					              							         		        		width : 788,
					              							         		        		id : 'newAffairDescription',
					              							         		        		name : 'affair.description'
					              							         		        	},
					              							         		        	{
					              							         		        		xtype : 'htmleditor',
					              							         		        		fieldLabel : '内容',
					              							         		        		width : 788,
					              							         		        		height : 492,
					              							         		        		id : 'newAffairContent',
					              							         		        		name : 'affair.content'
					              							         		        	}
					              							         		        ]
					              							         	}
					              							         ],
			              							       buttons : [
			              							                  	{
			              							                  		text : '发布',
			              							                  		handler : function(){
			              							                  			var form = Ext.getCmp('newAffairForm').getForm();
			              							                  			if(form.isValid()){
				              							                  			form.submit({
				              								           					url : 'affairAction_create.action',
				              								           					waitMsg : '正在提交~',
				              								           					success : function(form, action){
				              								           						if(action.result.success == true){
				              								           							store.reload();
				              								           							Ext.Msg.alert('提示','恭喜！提交成功！');
				              								           						}else{
				              								           							Ext.Msg.alert('提示','提交失败，请重试！');
				              								           						}
				              								           					},
				              								           					failure : function(form, action){
				              								           						alert(action.failureType);
				              								           						alert(action.response);
				              								           						alert(action.type);
				              								           						alert(action.result.message);
				              								           						Ext.Msg.alert('提示','出异常咯，等待修理吧~');
				              								           					}
				              								           				});
			              							                  			}else{
			              							                  				Ext.Msg.alert('提示','输入不符合规范，请检查~');
			              							                  			}
			              							                  		}
			              							                  	},
			              							                  	{
			              							                  		text : '取消',
			              							                  		handler : function(){
			              							                  			win.close();
			              							                  		}
			              							                  	}
			              							                  ]
	              										});
					              			win.show();
					              		}
					              	},
					              	'-',
					              	{
					              		text : '修改',
					              		icon : '../images/common/icon_edit.png',
				              			handler : function(){
				              				alert('胡萝卜加油吧，这里还没做呢');
					              		}
					              	},
					              	'-',
					              	{
					              		text : '删除',
					              		icon : '../images/common/icon_delete.png',
				              			handler : function(){
				              				alert('胡萝卜加油吧，这里还没做呢');
					              		}
					              	}
					              ],
							bbar: new Ext.PagingToolbar({
										store : store,
										pageSize : pageSize,
										displayInfo : true,
										listeners : {
														'beforechange' : function(){
															var key = Ext.getCmp('affairKey').getValue();
									              			var startDate = Ext.getCmp('affairStartDate').getValue();
									              			var endDate = Ext.getCmp('affairEndDate').getValue();
									              			store.baseParams = {
													              					key : key,
									              									startDate : startDate,
									              									endDate : Ext.util.Format.date(endDate, 'Y-m-d')
									              								}
														}
													}
									})
						});
			
};

Ext.onReady(function(){
	initAffairPanel('affairPanel');
});
	